$(function(){
    for(var j=0; j < itemsGoal.length; j++){
        $('#goal-row').append(itemsGoal[j])
      
    }
    for(var j=0; j < itemsLearn.length; j++){
        $('#learn-row').append(itemsLearn[j])
      
    }
    for(var j=0; j < itemsUse.length; j++){
        $('#use-row').append(itemsUse[j])
      
    }
    for(var j=0; j < itemsSee.length; j++){
        $('#see-row').append(itemsSee[j])
      
    }
})

var itemsGoal = []
var itemsLearn = []
var itemsUse = []
var itemsSee = []
 
// 创建单个对象模板
itemTemplate = function(data){
    item = `
    <div class="col-sm-3">
    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('${data.url}', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="${data.url}">
                <div class="xe-comment-entry">
                    <a class="xe-user-img">
                        <img src='${data.img}' class="img-circle" width="40">
                    </a>
                    <div class="xe-comment">
                        <a href="#" class="xe-user-name overflowClip_1">
                            <strong>${data.name}</strong>
                        </a>
                        <p class="overflowClip_2">${data.doc}</p>
                    </div>
                </div>
            </div>
        </div>
    `
    return item 
}


function webs(result){
    //回调函数名称(indexDemo)，需要与 src 中一致，而且要与文件地址中名一致。jsonp格式 名称({})
    //不然无法获取到对应的文件
    console.log(result)     //打印 indexDemo.json 中的数据


    for(var i=0; i < result.goal.length; i++){
        //  goal： 完成实现的目标
        item =  itemTemplate(result.goal[i])
        itemsGoal[i] = item
    }

    for(var i=0; i < result.learn.length; i++){
        // learn: 深入研究学习的内容    
        item =  itemTemplate(result.learn[i])
        itemsLearn[i] = item
    }

    for(var i=0; i < result.use.length; i++){
        // use : 尝试使用探索的内容
        item =  itemTemplate(result.use[i])
        itemsUse[i] = item
    }

    for(var i=0; i < result.see.length; i++){
        // see： 拓展视野的内容
        item =  itemTemplate(result.see[i])
        itemsSee[i] = item
    }
 
 
}